<?doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <link href="./assets/src/fp.css" rel="stylesheet"/>
    </head>
    <body>
        <div id="page-header">
            <div class="block-wrapper">
                <h1><a href="#"><img src="./assets/images/logo.png" alt="壹佰圆买什么"/></a></h1>
                <h2>如果有100元，你会买什么？</h2>
            </div>
        </div>
        <div id="page-body">
            <div class="block" id="vote">
                <div class="block-wrapper">
                    <img class="arrow" src="./assets/images/arrow.png"/>
                    <div class="block-main">
                        <p class="notice">投票进行中！当前是第3期&nbsp;&nbsp;&nbsp;剩余时间：xxxxxxx</p>
                        <div class="item" id="candidate1">
                            <img class="item-pic" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1zbO8Xe4qXXaOk4IZ_032532.jpg_310x310.jpg"/>
                            <div class="item-onhover">
                                <div class="mask"></div>
                                <p class="item-title">日本进口竹制饭盒</p>
                                <p class="item-description"></p>
                                <p class="item-price"><em>89</em>元</p>
                                <p class="item-btn"><a class="btn-1" href="#page-body">选这个</a></p>
                            </div>
                        </div>
                        <div class="item" id="candidate2">
                            <img class="item-pic" src="http://img02.taobaocdn.com/bao/uploaded/i2/T1Ig5rXb8TXXbdMqoW_022431.jpg_310x310.jpg"/>
                            <div class="item-onhover">
                                <div class="mask"></div>
                                <p class="item-title">日本进口竹制饭盒</p>
                                <p class="item-description">及只其生照方。者青建是的手活天應比觀天；起能府得拿，前大險那不，戲視家古，名學運，可然時國士，人理投其，而坐政庭希間！一國，高注廠出不運影化決？</p>
                                <p class="item-price"><em>89</em>元</p>
                                <p class="item-btn"><a class="btn-1" href="#page-body">选这个</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="block-sub">
                        <div class="mask"></div>
                        <div id="howto">
                            <h3 class="center">怎么玩？</h3>
                            <p>移动鼠标可查看价格和介绍。</p>
                            <p>假设给你100，两件商品你会买哪件？</p>
                            <!--<p>请放心，所有选过的商品都可以在已选商品清单中查看。</p>-->
                            <p class="special">所有商品都是精心挑选！</p>
                            <p class="special">期待您的参与，玩的开心！</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="block" id="last-tops">
                <div class="block-wrapper">
                    <div class="block-main">
                        <ul>
                            <li class="item" id="champion">
                                <div class="item-wrapper">
                                    <div class="item-pic">
                                        <img src="http://img03.taobaocdn.com/bao/uploaded/i3/T1zbO8Xe4qXXaOk4IZ_032532.jpg_250x250.jpg"/>
                                        <div class="item-onhover">
                                            <div class="mask"></div>
                                            <p class="item-price"><em>89</em>元</p>
                                            <p class="item-btn"><a class="btn-link" href="#">立即购买</a></p>
                                        </div>
                                    </div> 
                                    <div class="item-detail">
                                        <p class="item-title">Apple/苹果 iPhone 4 8G 正品 iPhone5火热预定</p>
                                        <p class="item-description-hd">蘭作區記子做</p>
                                        <p class="item-description-bd">
                                            <em>本期结果附言：</em>蘭作區記子做運法此外吃所選似密讓想色死。一老我的場。力利算，中能成，方人條水正夫子教意外
                                        </p>
                                        <p class="item-stats">
                                            <span>（<em>3333</em>人投票）</span>
                                        </p>
                                        <p class="item-operation">
                                            <a class="btn-link" href="#">去看看</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="item-tag">9月1-3日最值得买</div>
                                <div class="item-ranking"><span>1</span></div>
                            </li>
                            <!--
                            <li class="item">
                                <div class="item-detail">
                                    <div class="item-pic">
                                        <img src="item.gif"/>
                                    </div> 
                                    <p class="item-title">Apple/苹果 iPhone 4 8G 正品 iPhone5火热预定</p>
                                    <p class="item-description-bd">蘭作區記子做運法此外吃所選似密讓想色死。一老我的場。力利算，中能成，方人條水正夫子教意外</p>
                                    <p class="item-link">
                                        <span class="item-price">售价：¥<em>55.00</em></span>
                                        <a class="btn-1" href="">宝贝详情</a>
                                    </p>
                                    <p class="item-operation">
                                        <a class="btn-3" href=#page-body">我支持<a/>
                                        <a class="btn-3" href="#page-body">我反对<a/>
                                        <a class="collect btn-2">收藏（44）</a>
                                    </p>
                                </div>
                                <div class="item-tag">100元还可以买</div>
                                <span class="item-number"><em>333</em>人选择</span>
                                <span class="item-index top2"><span>2</span></span>
                            </li>
                            -->
                        </ul>
                    </div>
                    <div class="block-sub" id="tops">
                        <div class="box">
                            <div class="box-wrapper">
                                <ul>
                                    <li>
                                        <p class="title">【1】正品西格水瓶水壶杯</p>
                                        <p class="count">已得票：2222</p>
                                        <a href="#" class="vote">投票</a>
                                    </li>
                                    <li>
                                        <p class="title">【2】正品西格水瓶水壶杯</p>
                                        <p class="count">已得票：2222</p>
                                        <a href="#" class="vote">投票</a>
                                    </li>
                                    <li>
                                        <p class="title">【3】正品西格水瓶水壶杯</p>
                                        <p class="count">已得票：2222</p>
                                        <a href="#" class="vote">投票</a>
                                    </li>
                                    <li>
                                        <p class="title">【4】正品西格水瓶水壶杯</p>
                                        <p class="count">已得票：2222</p>
                                        <a href="#" class="vote">投票</a>
                                    </li>
                                    <li>
                                        <p class="title">【5】正品西格水瓶水壶杯</p>
                                        <p class="count">已得票：2222</p>
                                        <a href="#" class="vote">投票</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="box-tag">正在进行中的top10</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="block" id="weibo">
                <div class="block-wrapper">
                    <div class="block-sub">
                        <h3><img src="./assets/images/logo2.png"/></h3>
                    </div>
                </div>
            </div>
        </div>
        <div id="page-footer">
            <p><a href="">壹佰买什么</a>&nbsp;<a href="">联系我们</a>&nbsp;Copyright&nbsp;2012&nbsp;版权所有&nbsp;100msm.com&nbsp;浙ICP备1234567</p>
        </div>
    </body>
</html>
